# -*- coding:utf-8 -*-

# author: firstoneyuan
# email: devops_yj@163.com

from pyquery import PyQuery as pq 


# 1.初始化
# 1.1 字符串初始化
"""
html = '''
<div>
<ul>
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
'''

from pyquery import PyQuery as pq 
doc = pq(html)
print(doc('li'))
'''
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third
item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>

说明： 先引入PyQuery这个对象,取别名为pq,声明了一个长HTML字符串,并将其当做参数传递给PyQuery类,完成初始化. 接下来,将初始化的对象传入CSS选择器, 在这个示例中,传入li节点,选择所有的li节点.
'''
"""

# 1.2 URL初始化
# 初始化参数也可以传入网页的URL,需要指定参数为url
"""
from pyquery import PyQuery as pq 
doc = pq(url='http://blog.51cto.com/liyuanjie')
print(doc('title'))
'''
返回结果: <title>安然一笑-51CTO博客</title>
说明: PyQuery对象先请求这个URL,然后用得到的HTML内存完成初始化,通俗来说,就是用网页的源代码以字符串的形式传递给PyQuery类来初始化.
'''
# 与下面功能相同:
from pyquery import PyQuery as pq 
import requests
doc = pq(requests.get('http://blog.51cto.com/liyuanjie').text)
print(doc('title'))
"""

# 1.3 文件初始化
# 传递本地的文件名,将参数指定为filename即可.
"""
from pyquery import PyQuery as pq 
doc = pq(filename='./html/demo.html')
print(doc('li'))
'''
本地HTML文件: demo.html, 内容是待解析的HTML字符串, 它首先读取本地文件内容,然后用文件内容以字符串形式传递给PyQuery类来初始化.
'''
"""

# 2. 基本CSS选择器
html = '''
<div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
'''

"""
from pyquery import PyQuery as pq 
doc = pq(html)
print(doc('#container .list li'))
print(type(doc('#container .list li')))
'''
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third
item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>

<class 'pyquery.pyquery.PyQuery'>

初始化PyQuery对象后,传入一个CSS选择器#container .list li,它的意思是先选取id为container的节点,然后再选取其内部的class为list的节点内部的所有li节点. 然后打印输出.
将它的类型打印输出, 它的类型依然是PyQuery类型.
'''
"""

# 3. 查找节点
# 3.1 查找子节点
# 查找子节点时,用到find()方法,传入的参数是CSS选择器.
"""
from pyquery import PyQuery as pq 
doc = pq(html)
items = doc('.list')
print(type(items))
print(items)
lis = items.find('li')
print(type(lis))
print(lis)

'''
<class 'pyquery.pyquery.PyQuery'>
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third
item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>

<class 'pyquery.pyquery.PyQuery'>
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">thirditem</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>

说明: 
选取class为list的节点,然后调用find()方法,传入CSS选择器,选取其内容的li节点,最后打印输出. find()方法会将符合条件的所有节点选择出来,结果的类型是PyQuery类型.
'''
"""

# find()的查找范围是节点的所有子孙节点,只查找子节点,使用children()方法.
"""
from pyquery import PyQuery as pq 
doc = pq(html)
items = doc('.list')
lis = items.children()
print(type(lis))
print(lis)
'''
<class 'pyquery.pyquery.PyQuery'>
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">thirditem</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
'''
"""


# 筛选所有子节点中符合条件的节点,筛选出子节点中class为active的节点,可以向children()方法传入CSS选择器.active:
"""
from pyquery import PyQuery as pq 
doc = pq(html)
items = doc('.list')
lis = items.children('.active')
print(lis)
'''
输出结果:
<li class="item-0 active"><a href="link3.html"><span class="bold">third
item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
说明; 已经被筛选过了,留下了class为active的节点.
'''
"""

# 3.2 查找父节点
# 用parent()方法来获取某个节点的父节点
parents_html = '''
<div class="wrap">
<div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
</div>
'''

"""
from pyquery import PyQuery as pq 
doc = pq(parents_html)
items = doc('.list')
container = items.parent()
print(type(container))
print(container)
'''
<class 'pyquery.pyquery.PyQuery'>
<div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third
item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>

说明: 
首先用.list选取class为list的节点,然后调用parent()方法得到其父节点,其类型为PyQuery类型.
    这里的父节点是该节点的直接父节点, 它不会再去查找父节点的父节点,即祖先节点.
'''
"""


# 获取某个祖先节点,使用parents()方法
"""
from pyquery import PyQuery as pq 
doc = pq(parents_html)
items = doc('.list')
parents = items.parents()
print(type(parents))
print(parents)

'''
<class 'pyquery.pyquery.PyQuery'>
<div class="wrap">
<div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">thirditem</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
</div><div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">thirditem</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>

说明; 
    输出结果有两个: 一个是class为wrap的节点,一个是id为container的节点. parents方法会返回所有的祖先节点.
'''
"""


# 筛选某个祖先节点,向parents方法传入CSS选择器,这样就会返回祖先节点中符合CSS选择器的节点.
"""
from pyquery import PyQuery as pq 
doc = pq(parents_html)
items = doc('.list')
parent = items.parents('.wrap')
print(parent)
'''
<div class="wrap">
<div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">thirditem</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
</div>
输出结果少了一个节点,只保留了class为wrap的节点.
'''
"""


# 3.3 查找兄弟节点
# 获取兄弟节点,使用siblings()方法.
"""
from pyquery import PyQuery as pq 
doc = pq(parents_html)
li = doc('.list .item-0.active')
print(li.siblings())
# 首先选择class为list的节点内部class为item-0和active的节点,也就是第三个li节点。 那么它的兄弟节点有4个

'''
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0">first item</li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
这就是4个兄弟节点.
'''
"""

# 筛选某个兄弟节点,可以向siblings方法传入CSS选择器,从所有兄弟节点中挑选出符合条件的节点.
"""
from pyquery import PyQuery as pq 
doc = pq(parents_html)
li = doc('.list .item-0.active')
print(li.siblings('.active'))
# 筛选了class为active的节点,class为active的兄弟节点只有第四个li节点,所以结果应该是一个.
# 输出结果: <li class="item-1 active"><a href="link4.html">fourth item</a></li>
"""


# 4. 遍历
"""
# 对于单个节点来说,直接打印输出,也可以转成字符串
'''
doc = pq(html)
li = doc('.item-0.active')
print(li)
print(str(li))
'''


# 对于多个节点的结果,用遍历来获取. 例如:这里把每一个li节点遍历,调用items()方法.
doc = pq(parents_html)
lis = doc('li').items()
print(type(lis))
for li in lis:
    print(li,type(li))
'''
调用items()方法后,会得到一个生成器,遍历一下,就可以逐个得到li节点对象了.
它的类型也是PyQuery类型.
'''
"""

# 5. 获取信息
# 5.1 获取属性
# 提取到某个PyQuery类型的节点后,就可以调用attr()方法来获取属性
htmlfive = '''
<div class="wrap">
<div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
</div>
'''

"""
doc = pq(htmlfive)
a = doc('.item-0.active a')
print(a,type(a))
print(a.attr('href'))
'''
先选中class为item-0和active的li节点内的a节点,它的类型是PyQuery类型,然后调用attr()方法,在这个方法中传入属性名称,就可以得到这个属性值.
也可以通过调用attr属性来获取属性.`print(a.attr.href)`
'''
"""


# 选中多个元素,然后调用attr方法,
"""
doc = pq(htmlfive)
a = doc('a')
print(a,type(a))
print(a.attr('href'))
print(a.attr.href)
# 当返回结果包含多个节点时,调用attr方法,只会得到第一个节点的属性.
"""


# 获取所有的a节点的属性
"""
doc = pq(htmlfive)
a = doc('a')
for item in a.items():
    print(item.attr('href'))
# 在进行属性获取时,可以观察返回节点是一个还是多个,如果是多个,需要遍历才能依次获取每个节点的属性.
"""


# 5.2 获取文本
# 获取节点后的操作就是获取其内部的文本了,可以调用text()方法实现
"""
htmlfiveone = '''
<div class="wrap">
<div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
</div>
'''

doc = pq(htmlfiveone)
a = doc('.item-0.active a')
print(a)
print(a.text())
# 先选中一个a节点,调用text方法,获取内部的文本信息,它会忽略掉节点内部包含的所有HTML,只返回纯文字内容.
"""

# 获取这个节点内部的HTML文本,用html方法
"""
doc = pq(htmlfiveone)
li = doc('.item-0.active')
print(li)
print(li.html())
# 选中了第三个li节点,然后调用html方法,返回的结果为li节点内的所有HTML文本.
"""



# 如果选中的结果是多个节点,text或html会返回什么内容?
htmltwo = '''
<div class="wrap">
<div id="container">
<ul class="list">
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
</div>
'''

"""
doc = pq(htmltwo)
li = doc('li')
print(li.html())
print(li.text())
print(type(li.text()))
'''
html方法返回的是第一个li节点的内部HTML文本,而text()则返回了所有的li节点内部的纯文本,中间用一个空格分隔开,即返回结果是一个字符串.
如果得到的结果是多个节点,并且想要获取每个节点的内部HTML文本,则需要遍历每个节点. 而text方法不需要遍历就可以获取,它将所有节点取文本之后合并成一个字符串.
'''
"""

# 6. 节点操作
# 6.1 addClass和removeClass
htmlthree = '''
<div class="wrap">
<div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
</div>
'''
"""
doc = pq(htmlthree)
li = doc('.item-0.active')
print(li)
li.removeClass('active')
print(li)
li.addClass('active')
print(li)
'''
首先选中了第三个li节点,然后调用removeClass()方法,将li节点的active这个class移除,后来又调用addClass()方法,将class添加回来,每执行一次操作,就打印输出当前li节点的内容.

输出结果说明:
一共输出3次,第二次输出时,li节点的active这个class被移除了,第三次class又添加回来了.

addClass()和removeClass()这些方法可以动态改变节点的class属性.
'''
"""


# 6.2 attr,text和html
# 用attr方法对属性进行操作,用text和html方法改变节点内部的内容.
htmlfour = '''
<ul class="list">
<li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li>
</ul>
'''
"""
doc = pq(htmlfour)
li = doc('.item-0.active')
print(li)
li.attr('name','link')
print(li)
li.text('changed item')
print(li)
li.html('<span>changed item</span>')
print(li)
'''
首先选中li节点,然后调用attr方法来修改属性,其中该方法的第一个参数为属性名,第二个参数为属性值. 再调用text和html方法来改变节点内部的内容,三次操作后,分别打印输出当前的li节点.
输出结果为: 调用attr方法后,li节点多了一个不存在的属性name,其值为link.接着调用text方法,传入文本之后,li节点内部的文本全被改为传入的字符串文本了,最后,调用html方法传入HTML文本,li节点内部又变为传入的HTML文本了.
如果attr()方法只传入第一个参数的属性名,则是获取这个属性值;如果传入第二个参数,可以修改属性值,text和html方法如果不传参数,则是获取节点内纯文本和HTML文本;如果传入参数,则进行赋值.
'''
"""

# 6.3 remove()
# remove方法就是移除
htmlsix = '''
<div class="wrap">
    Hello,World
<p>This is a paragraph.</p>
</div>
'''
"""
doc = pq(htmlsix)
wrap = doc('.wrap')
wrap.find('p').remove()
print(wrap.text())
'''
先提取class为wrap节点的内容.
输出结果为: 结果还包含了内部的p节点的内容,text方法把所有的纯文本全提取出来了. 
现在去掉p节点内部的文本的方法为: wrap.find('p').remove()。 首先选中p节点,然后调用remove方法移除,再利用text方法提取.
'''
"""


# 7. 伪类选择器
# CSS选择器支持很多的伪类选择器
htmlseven = '''
<div class="wrap">
<div id="container">
<ul class="list">
<li class="item-0">first item</li>
<li class="item-1"><a href="link2.html">second item</a></li>
<li class="item-0 active"><a href="link3.html"><span class="bold">third item</span></a></li>
<li class="item-1 active"><a href="link4.html">fourth item</a></li>
<li class="item-0"><a href="link5.html">fifth item</a></li>
</ul>
</div>
</div>
'''

doc = pq(htmlseven)
li = doc('li:first-child')
print(li)
li = doc('li:last-child')
print(li)
li = doc('li:nth-child(2)')
print(li)
li = doc('li:gt(2)')
print(li)
li = doc('li:nth-child(2n)')
print(li)
li = doc('li:contains(second)')
print(li)
"""
使用CSS3的伪类选择器,依次选择了第一个li节点,最后一个li节点,第二个li节点,第三个li之后的li节点,偶数位置的li节点,包含second文本的li节点.
